import { hopeTheme } from "vuepress-theme-hope";
import { zhNavbar } from "./navbar/index.js";  // 中文导航栏
import { zhSidebar } from "./sidebar/index.js";  // 中文侧边栏

export default hopeTheme({  // 主题设置
  hostname: "https://china_zsxy.gitee.io",   // 当前网站部署到的域名, 实际作用未知？？
  author: { // 文章显示的默认作者
    name: "得鹿梦鱼",   // 作者姓名
    url: "https://gitee.com/china_zsxy",    // 作者网站
    email: "chinazsxy@163.com", // 作者 Email
  },
  iconAssets: "//at.alicdn.com/t/c/font_4130118_b025o5w6n6h.css", // 使用官方提供的图标库-也可以构建自己的图标库
  // iconAssets: "iconfont", // 使用官方提供的图标库-也可以构建自己的图标库
  logo: "/site_logo_20230625.png", // 网站图标, 就是左上角的图标
  repo: "https://gitee.com/china_zsxy", // 导航栏上的个人仓库地址
  repoLabel: "Gitee", // 自定义仓库链接文字-默认从repo中自动推断为"GitHub" / "GitLab" / "Gitee" / "Bitbucket" 其中之一，或是 "Source"。
  repoDisplay: true,  // 是否在导航栏内显示仓库链接-默认为true
  navbarLayout: { // 导航栏布局
    left: ["Brand"],
    center: ["Links"],
    right: ["Language", "Repo", "Outlook", "Search"],
  },
  pageInfo: ['Author', 'Original', 'Date', "Category", "Tag", "ReadingTime"], // 每个页面上面标题下面显示的信息
  // pageInfo: ["Author", "Original", "Date", "Category", "Tag", "ReadingTime"],
  breadcrumb: true, // 路径导航
  breadcrumbIcon: true, // 路径导航的图标显示
  themeColor: { // 用户可以自定义的多主题色
    yellow: "#FEC201",
    pink: "#EF699F",
    purple: "#684CCE",
    orange: "#FF8C3D",
  },
  darkmode: "switch", // 在深色模式，浅色模式和自动之间切换
  fullscreen: true, // 全屏按钮
  backToTop: true,  // 返回顶部按钮-下滑300px后显示
  pure: false,  // 纯净模式-禁用
  lastUpdated: true,  // 文章的最后更新时间
  contributors: false,  // 显示页面的贡献者
  docsRepo: "https://gitee.com/china_zsxy/sx-note-blog.git",  // 文章所在仓库
  docsBranch: "master", // 文章所在分支
  docsDir: "src", // 文章所在目录
  // docsDir: "demo/theme-docs/src",
  hotReload: true, // 参考: https://vuepress-theme-hope.github.io/v2/zh/config/theme/basic.html#hotreload

  locales: {  // 多语言设置
    /**
     * Chinese locale config
     */
    "/": {
      navbar: zhNavbar, // navbar 导航栏
      sidebar: zhSidebar, // sidebar 侧边栏
      footer: "人间无事人",  // 全局设置页脚信息, 最下面的信息显示
      displayFooter: true,  // 显示页脚
      metaLocales: {  // page meta 页面配置信息
        editLink: "在 Gitee 上编辑此页",
      },
      // blog: {
      //   // 博客的相关国际化设置
      //   description: '一个语言小渣渣',
      //   // intro: '/intro.html',
      // },
    },
  },

  blog: { // 博客全局配置
    name: "得鹿梦鱼", // 博主名称
    avatar: "/blog_head_logo.gif", // 博主头像
    description: "我是小渣渣", // 口号、座右铭或者介绍语等
    // intro: "/blog/README.md", // 博主的个人介绍页地址, 可以相对本站地址, 也可以是一个网址地址
    medias: { // 社交媒体链接配置
      Gitee: "https://gitee.com/china_zsxy",
    },
    roundAvatar: false, // 是否裁剪头像为圆形头像
    sidebarDisplay: "mobile", // 是否在侧边栏显示博主信息
    timeline: "得鹿梦鱼の时光轴🍃",  // 时间轴自定义文字
    articlePerPage: 7,  // 每页展示的文章数量
    // articleInfo: ["Tag"], // 文章列表中展示的文章信息
  },

  // 这个可以不用, 看个人需要
  encrypt: {
    config: {
      "/notes/随记.html": ["china_zsxy"],
    },
  },

  plugins: {
    // blog: true,  // 打开博客功能
    blog: {
      excerptLength: 20,  // 在文章列表页面自动提取文章的摘要进行显示, 自动生成的摘要长度
      excerpt: true, // 不生成摘要
      hotReload: true,
    },
    components: { // 在MD文件中启用的组件 https://vuepress-theme-hope.gitee.io/v2/zh/guide/markdown/components.html
      components: [
        "Badge",  // 为站点提供了在MD文档中自定义颜色的徽章
        "BiliBili", // 为站点提供了在MD文档中加载B站视频的功能，但是不建议使用
        // 为站点提供了在MD文档中加载PDF阅读器的功能，但是不建议使用
        // 原因一：PDF书籍较大，上传到码云后会大量占用码云空间
        // 原因二：当PDF阅读器较多的时候，将MD文档渲染成HTML页面比较耗费性能，使页面加载速度变慢
        "PDF"
      ],
    },
    copyCode: { // 代码复制功能-vuepress-plugin-copy-code2
      showInMobile: true, // 在移动端也可以实现复制代码
      duration: 3000, // 代码复制成功提示消息的时间-ms
      pure: false,  // 纯净模式
    },
    // If you don’t need comment feature, you can remove following option
    // The following config is for demo ONLY, if you need comment feature, please generate and use your own config, see comment plugin documentation for details.
    // To avoid disturbing the theme developer and consuming his resources, please DO NOT use the following config directly in your production environment!!!!!
    // comment: { // 评论相关功能控制
    //   /**
    //    * Using Giscus
    //    */
    //   // provider: "Giscus",
    //   // repo: "vuepress-theme-hope/giscus-discussions",
    //   // repoId: "R_kgDOG_Pt2A",
    //   // category: "Announcements",
    //   // categoryId: "DIC_kwDOG_Pt2M4COD69",
    //
    //   /**
    //    * Using Twikoo
    //    */
    //   // provider: "Twikoo",
    //   // envId: "https://twikoo.ccknbc.vercel.app",
    //
    //   /**
    //    * Using Waline
    //    */
    //   provider: "Waline",
    //   serverURL: "https://vuepress-theme-hope-comment.vercel.app",
    // },

    // Disable features you don’t want here
    mdEnhance: {  // MarkDown文件增强 https://vuepress-theme-hope.gitee.io/v2/zh/guide/markdown/intro.html
      align: true,  // 自定义对齐的支持
      attrs: true,  // 属性支持
      chart: true,  // 支持图表
      codetabs: true, // 代码块分组支持
      container: true,  // 自定义容器的支持
      demo: true, // 代码案例支持
      tasklist: true, // 任务列表支持
      echarts: true,  // 支持图表
      figure: true, // 启用 figure
      imageLazyload: false,  // 启用图片懒加载,开启之后，貌似页面中的照片没有全部加载的时候无法预览照片
      imageMark: true,  // 启用图片标记
      imageSize: true,  // 启用图片大小
      flowchart: true,  // 支持流程图
      footnote: true,   // 脚注的支持
      gfm: true,
      include: true,  // 支持导入其他文件
      katex: true,  // 使用 KaTeX 启用 TeX 支持
      // lazyLoad: true,
      mark: true, // 标记支持
      mermaid: true,  // 支持 mermaid
      playground: {   // 在此放置交互演示配置
        presets: ["ts", "vue"], // 添加预设
      },
      presentation: { // 幻灯片支持
        plugins: ["highlight", "math", "search", "notes", "zoom"],
      },
      stylize: [  // 创建行内 snippet，对内联标记进行样式化，包括更改标签、添加属性和修改内容
        {
          matcher: "Recommended",
          replacer: ({ tag }) => {
            if (tag === "em")
              return {
                tag: "Badge",
                attrs: { type: "tip" },
                content: "Recommended",
              };
          },
        },
      ],
      sub: true,  // 启用下角标功能
      sup: true,  // 启用上角标
      tabs: true, // 支持选项卡
      vPre: true,
      vuePlayground: true,  // 启用 vue 交互演示
    },
    git: true, // 开启git实现编辑此页面-最后更新时间-贡献者功能, 一定程度上也与 博客 的时间轴的设置相关
    sitemap: false, // 关闭sitemap插件

    // uncomment these if you want a pwa
    // pwa: {
    //   favicon: "/favicon.ico",
    //   cacheHTML: true,
    //   cachePic: true,
    //   appendBase: true,
    //   apple: {
    //     icon: "/assets/icon/apple-icon-152.png",
    //     statusBarColor: "black",
    //   },
    //   msTile: {
    //     image: "/assets/icon/ms-icon-144.png",
    //     color: "#ffffff",
    //   },
    //   manifest: {
    //     icons: [
    //       {
    //         src: "/assets/icon/chrome-mask-512.png",
    //         sizes: "512x512",
    //         purpose: "maskable",
    //         type: "image/png",
    //       },
    //       {
    //         src: "/assets/icon/chrome-mask-192.png",
    //         sizes: "192x192",
    //         purpose: "maskable",
    //         type: "image/png",
    //       },
    //       {
    //         src: "/assets/icon/chrome-512.png",
    //         sizes: "512x512",
    //         type: "image/png",
    //       },
    //       {
    //         src: "/assets/icon/chrome-192.png",
    //         sizes: "192x192",
    //         type: "image/png",
    //       },
    //     ],
    //     shortcuts: [
    //       {
    //         name: "Demo",
    //         short_name: "Demo",
    //         url: "/demo/",
    //         icons: [
    //           {
    //             src: "/assets/icon/guide-maskable.png",
    //             sizes: "192x192",
    //             purpose: "maskable",
    //             type: "image/png",
    //           },
    //           {
    //             src: "/assets/icon/guide-monochrome.png",
    //             sizes: "192x192",
    //             purpose: "monochrome",
    //             type: "image/png",
    //           },
    //         ],
    //       },
    //     ],
    //   },
    // },
  },
});
